
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%> 
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%> 
<%@taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@taglib uri="http://richfaces.org/rich" prefix="rich"%>


<div id="detallePensumDiv">
    <f:subview id="detallePensumSubView">
        <h:form>
            <rich:panel>
                <h:panelGrid columns="1">
                    <rich:panel style="width:600px;border:0px;">
                        <rich:dataTable value="#{carreraBean.carrerasItems}" var="carrera" id="table" rules="rows" rowKeyVar="row">    
                            <rich:column sortable="true" sortBy="#{carrera.idCarrera}">
                                <f:facet name="header">
                                    <h:outputText value="Clave"/>
                                </f:facet>
                                <h:outputText value="#{carrera.idCarrera}"/>
                            </rich:column>
                            <rich:column sortable="true" sortBy="#{carrera.nombre}" >
                                <f:facet name="header">
                                    <h:outputText value="Nombre"/>
                                </f:facet>
                                <h:outputText value="#{carrera.nombre}"/>
                            </rich:column>
                            <rich:column sortable="false" style="text-align:center;">
                                <f:facet name="header">
                                    <h:outputText value="Pensum"/>
                                </f:facet>
                                <a4j:commandLink value="ver pensum" action="#{carreraBean.selectCarrera}" reRender="fechas">
                                    <f:param name="carreraRow" value="#{row}"/>
                                </a4j:commandLink>
                            </rich:column>
                        </rich:dataTable>
                        <rich:dataTable id="fechas" value="#{carreraBean.listPensum}" var="pensum" rendered="#{carreraBean.carreraSelected!=false}" rowKeyVar="row">
                            <h:column>
                                <f:facet name="header">
                                    <h:outputText value="Fecha de emision"/>
                                </f:facet>
                                <h:outputText value="#{pensum.fecha}"> 
                                    <f:convertDateTime pattern="dd'/'MMMMM'/'yyyy'.'"  locale="es"/>
                                </h:outputText>
                            </h:column>
                            <h:column>
                                <a4j:commandLink value="Detalle" action="#{carreraBean.verPensum}" reRender="pensum">
                                    <f:param name="pensumRow" value="#{row}"/>
                                </a4j:commandLink>
                            </h:column>
                        </rich:dataTable>
                    </rich:panel>
                    
                    <rich:panel id="panel" style="width:700px;border:0px;" rendered="#{carreraBean.pensumSelected!=false}" >
                        <h:outputText styleClass="label_right_top" value="#{carreraBean.carrera.nombre} - #{carreraBean.pensum.fecha}">
                            <f:convertDateTime pattern="dd'/'MMMMM'/'yyyy'.'"  locale="es"/>
                        </h:outputText>
                        <rich:dataTable value="#{carreraBean.pensumXml.listTrimestres}" var="trimestre" id="trimestre" rowKeyVar="row"  style="border:0;">    
                            <rich:column>
                                <div class="title_trimestre" style="margin-top:20px">
                                    <h:outputText value="Trimestre ##{row + 1} " />
                                </div>   
                                <h:dataTable value="#{trimestre.listAsignaturas}" var="asignatura" id="asignatura" style="border:0px;">
                                    <h:column>
                                        <h:outputText value="#{asignatura.clave}" />
                                    </h:column>
                                    <h:column>
                                        <h:outputText value="#{asignatura.descripcion}" />
                                    </h:column>
                                    <h:column>
                                        <h:outputText value="#{asignatura.creditos}" />
                                    </h:column>
                                </h:dataTable>
                            </rich:column>
                        </rich:dataTable>
                    </rich:panel>
                </h:panelGrid>
            </rich:panel>
        </h:form>
    </f:subview>
</div>

